<script setup>
import { useAttrs } from 'vue'

// 想要拿到透传对象 可以通过useAttrs函数拿到
const attrs = useAttrs()
console.log(attrs)

// 禁用透传
// defineOptions({
//   inheritAttrs: false
// })
function f(){
  alert(2)
}
</script>

<template>
  <!-- <MyButton> 的模板 -->
  <div>
    默认透传
    <button @click="f">Click Me {{ $attrs['a-b']}}</button>
    <button v-bind="$attrs">Click Me {{$attrs}}}</button>
  </div>
  <div>
    多个根节点
  </div>

</template>

<style scoped>
.red {
  color: red;
}
</style>
